<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>精选车品</title>
    <link rel="stylesheet" type="text/css" href="css/m-reset.css">
    <link rel="stylesheet" type="text/css" href="css/chepin.css">
</head>

<body>
    <div class="g-box">
        <div class="g-bd">
            <ul class="m-chepin" v-cloak>
                <li v-for="cpItems in cpData" v-on:click="getApp(1,cpItems.pid)">
                    <img :src="cpItems.img_src" alt="">
                    <div class="cp-con f-fl">
                        <h3>{{cpItems.title}}</h3>
                        <p><span>规格:</span> {{cpItems.spec}}</p>
                        <p><span>数量:</span> {{cpItems.number}}</p>
                        <div class="cp-price">
                            ¥<span>{{cpItems.price}}</span>
                        </div>
                        <a class="cp-buy">立即购买</a>
                    </div>
                    
                </li>
            </ul>
        </div>
    </div>
    <!-- rem -->
    <script src="js/rem.min.js"></script>
    <!-- 引入vue框架 -->
    <script src="js/vue.min.js"></script>
    <!-- 首页js文件 -->
    <script src="js/chepin.js"></script>
</body>

</html>
